﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<VCC.Site.ViewModels.AdDetailsModel>" %>
<%@ Import Namespace="VCC.Lib.Helpers"%>
<%@ Import Namespace="VCC.Lib.Common" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    <%=Model.Ad.Title%>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <%Html.RenderAction("BoxQuickSearchAd","Ad",new{cateID = 0, keywords = string.Empty});%>
    <div class="body-left">
        <div id="Breadcrumb"></div>
        <div id="TopContent"></div>
        <div style="clear: both;"></div>
        <div id="LeftMainContent">
            <%--<%Html.RenderAction("PathSubMenu", "Ad", new { parentCate = Model.ParentCategory, childenCate = Model.ChildenCategory, suburb = Model.Suburb });%>--%>
            <%if (Model != null && Model.Ad != null)
              {%>
            <div class="container-default">
                <div id="ctl27_BodyContainer">
                    <div id="product-detail">
                        <div class="pm-title">
                            <h1><%=Model.Ad.Title%></h1>
                        </div>
                        <div class="pm-date">
                            <strong>Ngày đăng: </strong><i><%= VCC.Lib.Common.Utils.DateTimeToStringFormat(Model.Ad.StartDate.Value)%></i>....<%--<strong>Số lượt xem: <font style="color:Red"><%=Model.Ad.ViewNumber == 1 ? "Bạn là người xem đầu tiên" : Model.Ad.ViewNumber.ToString()%></font></strong>....--%>
                            <strong>Giá/Mức lương:</strong> <%if (Model.Ad.Cost > 0){%> 
                            <strong><font style="color:Red"><%=Html.Encode(string.Format("{0:#,#}", Model.Ad.Cost))%></font> </strong><%=Html.Encode(Model.Ad.CostType != null ? Model.Ad.CostType.Name : "$")%>
                            <%}else{ %>
                                Thỏa thuận
                            <%}%>
                        </div>
                        <div class="tagpanel">
                                Tìm kiếm theo từ khóa:&nbsp; 
                                <%if (Model.Tags != null && Model.Tags.Count() > 0)
                                  {
                                      foreach (var item in Model.Tags)
                                      {%>
                                        <a title="" href="/tags/<%=item.FriendlyName%>"> <%=item.Name%></a>,&nbsp;
                                      <%}
                                  } %>
                            </div>
                        <%if (Model.Galleries != null && Model.Galleries.Count() > 0)
                          {%> 
                        <div class="pm-middle-content">
                                <div id="AdDetailsBox" class="ctl38_HeaderContainer">
                                    <ul class="AdDetailsTab">
                                        <li><h2><a><span>Xem ảnh mô tả</span></a></h2></li>
                                        <%--<li><h2><a><span>Vị trí tin rao trên bản đồ</span></a></h2></li>--%>
                                    </ul>
                                </div>
                                <div style="clear: both;"></div>
                                <div id="TabAdImageContent" class="ContentTab" style="display:block">
                                    <div class="img-map">
                                            <div style="position: relative;" class="photo" id="photoSlide">
                                                <div style="display: table-row; cursor: pointer; height: 510px;" class="show-img" id="divPhotoActive">
                                                    <div style="display: table-cell; vertical-align: middle; min-height: 326px; width: 745px; border: 0px; text-align: center">
                                                        <img id="photoActive" src="<%=Model.Galleries[0].Path%>" alt="<%=Model.Ad.Title%>" title="<%=Model.Ad.Title%>" />
                                                    </div>
                                                </div>
                                                <hr class="Yellowcolored"/>
                                                <div class="list-img">
                                                    <ul id="thumbs">
                                                        <%foreach (var ima in Model.Galleries)
                                                          {%>
                                                        <li> 
                                                            <img width="90" height="60" onclick="change_img('<%=ima.Path %>',<%=ima.ID%>);" src="<%=ima.Path%>" alt="<%=Model.Ad.Title+ " khu vực "+ Model.Suburb.Name +"_"+ima.ID.ToString()%>" title="<%=Model.Ad.Title + " khu vực "+ Model.Suburb.Name +"_"+ima.ID.ToString()%>">
                                                        </li>
                                                        <%} %>
                                                    </ul>
                                                </div>
                                                <%--<img id="icon-back" class="slideshow-icon-back" src="/Images/thumb-back1.png">
                                                <img id="icon-next" class="slideshow-icon-next" src="/Images/thumb-next1.png">--%>
                                                <div class="clear"></div>
                                            </div>
                                        </div>
                                </div>
                                
                                <%--<div id="TabAdMapContent" class="ContentTab" style="display:none">
                                    Chưa cập nhật chức năng bản đồ
                                </div>--%>
                            
                        </div>
                        <%} %>
                        <div style="clear: both"></div>
                        <br />
                       
                        <div style="clear: both"></div>
                        <div class="pm-mota">
                            Thông tin mô tả:
                        </div>
                        <div cid="6053161" ac="2" ct="2" class="pm-content stat">
                            <%=Model.Ad.Content%>
                        </div>
                        <br />
                        <div style="color:#055699; font-weight:bold;padding-left:5px;">Hãy click Like và chia sẻ bài viết này nếu bạn thấy nó hữu ích cho bạn hay cho cộng đồng!</div>
                        <div class="likeusonfacbook">
                            <div class="fb-page" data-href="https://www.facebook.com/ViecLamNhaOTaiUC" data-width="730" data-height="250" data-hide-cover="true" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/ViecLamNhaOTaiUC"><a href="https://www.facebook.com/ViecLamNhaOTaiUC">VNA - Việc làm, Nhà ở và Trao đổi mua bán cho người Việt Tại Australia</a></blockquote></div></div>
                        </div>
                        
                        <div class="btn-share">
                        
                            <%--<div style="float:left;width:300px; overflow:hidden; margin-left:5px;" id="Div2">
                                <iframe frameborder="0" style="border:none;overflow:hidden; width:550px; height:24px" allowtransparency="true" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=<%=Html.Encode(Request.Url)%>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light"></iframe>
                           </div>--%>
                           <h4 style="float:left;">Chia sẻ bài viết: </h4>
                            <a title="Hãy click vào đây để chia sẻ bài viết này cho các bạn bè của bạn trên Facebook" rel="nofollow" target="_blank" id="facebook" href="https://www.facebook.com/sharer/sharer.php?u=<%= Html.Encode(Request.Url)%>&amp;t=<%=Html.Encode(Model.Ad.Title)%>">
                                <img src="/Images/btn-share-facebook.png"></a> 
                           <a title="Hãy click vào đây để chia sẻ bài viết này cho các bạn bè của bạn trên Twitter" rel="nofollow" target="_blank" id="twitter" href="https://twitter.com/intent/tweet?original_referer=<%= Html.Encode(Request.Url)%>&amp;text=<%=Html.Encode(Model.Ad.Title)%>">
                                <img src="/Images/btn-share-twitter.png">
                           </a> 
                           <a rel="nofollow" target="_blank" id="googleBookmark" href="https://www.google.com/bookmarks/mark?op=edit&amp;bkmk=<%= Html.Encode(Request.Url)%>&amp;title=<%=Html.Encode(Model.Ad.Title)%>">
                                <img src="/Images/btn-share-gplus.png">
                           </a> 
                           <a rel="nofollow" target="_blank" id="yahoo" href="http://buzz.yahoo.com/buzz?targetUrl=<%= Html.Encode(Request.Url)%>&amp;headline=<%=Html.Encode(Model.Ad.Title)%>">
                                <img src="/Images/btn-share-yahoo.png">
                           </a>
                        </div>
                       <%-- <div style="position: relative;">
                            <div class="btn-green">
                                <span><span>
                                    <div class="btn-feedback">Phản hồi</div>
                                </span></span>
                            </div>
                        </div>--%>
                        <div class="btn-gray">
                            <span><span>
                                <a href="javascript:window.history.back();" rel="nofollow" style="white-space:nowrap;" class="btn-goback">Quay lại</a>
                            </span></span>
                        </div>
                        <br />
                        <!-- begin content-detail-->
                        <div class="pm-content-detail">
                            <table cellspacing="5" border="0" width="100%">
                                <tbody>
                                    <tr>
                                        <td style="width: 360px; border: 1px solid #D7D7D7; vertical-align: top">
                                            <!--begin left-->
                                            <div class="left">
                                                <div class="left-title">
                                                    Chi tiết tin rao
                                                </div>
                                                <div class="left-detail">
                                                    <div style="background: #ededed; padding-left: 10px;" id="ctl27_ctl01_project">
                                                        <div class="left">
                                                            Danh mục:
                                                        </div>
                                                        <div class="right">
                                                            <a href="/<%= Html.Encode(TextHelper.ToUrlFriendly(Model.ChildenCategory.Name))%>"><%=Html.Encode(Model.ChildenCategory.Name)%></a>
                                                        </div>
                                                        <div style="clear: both"></div>
                                                    </div>
                                                    <div style="padding-left: 10px;">
                                                        <div class="left">
                                                            Khu vực:
                                                        </div>
                                                        <div class="right">
                                                            <%=Html.Encode(Model.Suburb.FullName)%>
                                                        </div>
                                                        <div style="clear: both"></div>
                                                    </div>
                                                    <div style="background: #ededed; padding-left: 10px;">
                                                        <div class="left">
                                                            Mã tin:
                                                        </div>
                                                        <div class="right">
                                                            <%=Html.Encode(Model.Ad.ID)%>
                                                        </div>
                                                        <div style="clear: both"></div>
                                                    </div>
                                                    <div style="padding-left: 10px;">
                                                        <div class="left">
                                                            Loại tin rao:
                                                        </div>
                                                        <div class="right">
                                                            <%=Model.Ad.VIPType.Name%>
                                                        </div>
                                                        <div style="clear: both"></div>
                                                    </div>
                                                    <div style="background: #ededed; padding-left: 10px;">
                                                        <div class="left">
                                                            Ngày đăng tin:
                                                        </div>
                                                        <div class="right">
                                                            <%=string.Format("{0:dd-MM-yyyy}", Model.Ad.StartDate)%>
                                                        </div>
                                                        <div style="clear: both"></div>
                                                    </div>
                                                    <div style="padding-left: 10px;">
                                                        <div class="left">
                                                            Ngày hết hạn
                                                        </div>
                                                        <div class="right">
                                                            <%= string.Format("{0:dd-MM-yyyy}", Model.Ad.EndDate)%>
                                                        </div>
                                                        <div style="clear: both"></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end left-->
                                        </td>
                                        <td style="width: 365px; border: 1px solid #d7d7d7; vertical-align: top">
                                            <!--begin right-->
                                            <div style="float: left;" id="divCustomerInfo">
                                                <div class="right-title" id="ctl27_ctl01_contactInfo">
                                                    Thông tin liên hệ
                                                </div>
                                                <div class="right-content" id="ctl27_ctl01_contactName">
                                                    <div class="normalblue left">
                                                        Tên liên lạc:
                                                    </div>
                                                    <div class="right">
                                                       <span class="colorredbold"> <%= !string.IsNullOrEmpty(Model.Ad.NameContact) ? Html.Encode(Model.Ad.NameContact) : Model.Ad.MobileContact %></span>
                                                    </div>
                                                    <div style="clear: both"></div>
                                                </div>
                                                <div class="right-content" id="ctl27_ctl01_contactAddress">
                                                    <div class="normalblue left">
                                                        Địa chỉ:
                                                    </div>
                                                    <div class="right">
                                                        <%=string.IsNullOrEmpty(Model.Ad.AddressContact) ? Html.Encode(Model.Ad.AddressContact) : "Không rõ"%>
                                                    </div>
                                                    <div style="clear: both"></div>
                                                </div>
                                                <div class="right-content" id="ctl27_ctl01_contactMobile">
                                                    <div class="normalblue left">
                                                        Mobile:
                                                    </div>
                                                    <div class="right">
                                                        <span class="colorredbold"> <%=Html.Encode(Model.Ad.MobileContact)%></span>
                                                    </div>
                                                    <div style="clear: both"></div>
                                                </div>
                                                <div class="right-content" id="Div1">
                                                    <div class="normalblue left">
                                                        Email:
                                                    </div>
                                                    <div class="right">
                                                        <%=Html.Encode(Model.Ad.EmailContact)%>
                                                    </div>
                                                    <div style="clear: both"></div>
                                                </div>
                                                <div style="display: none">
                                                    <div style="border-bottom: 1px dotted #d7d7d7; margin-top: 5px;" id=""></div>
                                                </div>
                                            </div>
                                            <!--end right-->
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <div style="clear: both">
                            </div>
                        </div>
                        <!--end content-detail-->
                        <br />
                        <div class="clear"></div>
                        <br />
                        <div class="fb-comments" data-href="<%= Html.Encode(Request.Url)%>" data-width="650" data-numposts="15" data-colorscheme="light"></div>
                        <br />
                        <div class="pm-bottom">
                            <div style="text-align: justify">
                                <div style="font-size: 13px; color="red" font-weight: bold;">
                                   <span class="colorredbold">Lưu ý:</span>
                                </div>
                                Quý vị đang xem nội dung tin rao<span class="colorboldblue"><i> ''<%=Html.Encode(Model.Ad.Title)%>''</i></span>. Mọi thông tin liên quan tới tin
                                rao này là do người đăng tin đăng tải và chịu trách nhiệm. Chúng tôi luôn cố gắng
                                để có chất lượng thông tin tốt nhất, nhưng chúng tôi không đảm bảo và không chịu
                                trách nhiệm về bất kỳ nội dung nào liên quan tới tin rao này. Nếu quý vị phát hiện
                                có sai sót hay vấn đề gì xin hãy <a rel="nofollow" class="openFancy fancybox.iframe">thông báo cho chúng tôi qua email:Support@nguoiviettaiuc.com</a>
                            </div>
                            <!--end bottom-->
                        </div>                        
                    </div>
                </div>
            </div>
            <div class="container-default">
                <div id="ctl31_BodyContainer">
                    <div class="product-list other-product">
                        <div class="viewmore">Xem thêm các tin khác</div>
                        <div id="lstProductSimilar" class="Main">
                            <div class="Header">
                                <div class="Left"></div>
                                <div class="Repeat">
                                    <h2>
                                        <%if (Model.Ad != null)
                                          {
                                              if (Model.IsNotEnough != null && !Model.IsNotEnough)
                                              {%>
                                            <%=Model.ChildenCategory.Name%> - Khu vực <%=Model.Suburb.Name%>
                                            <%}
                                              else
                                              { %>
                                              <%=Model.ChildenCategory.Name%>
                                        <%}
                                          }
                                          else
                                          {%>
                                            Tin rao nhà ở - Việc làm
                                            <%} %>
                                    </h2>
                                </div>
                                <div class="Right"></div>
                            </div>
                            
                            <%Html.RenderPartial("~/Views/Ad/ViewListAd.ascx", Model.AdSameCateLocation);%>
                            
                        </div>
                    </div>
                    <div class="clear"></div>
                    <p id="view_other_product">
                        <a rel="nofollow" href="<%=Model.Ad.Category.ShortName%>">Xem thêm các tin khác trong chuyên mục này</a>
                    </p>
                    <div class="separable"></div>
                </div>
            </div>
            <%}
              else
              { %>
              <h3>Bạn không thể xem được tin rao này vì tin rao này đã hết hạn đăng tin hoặc đã bị xóa khỏi hệ thống!</h3>
            <%}%>   
        </div>
    </div>
    <div id="RightMainContent" class="body-right">
        <%Html.RenderPartial("~/Views/Shared/SupportBox.ascx");%>
    </div>
          <div id="fb-root"></div>
            <script>                (function(d, s, id) {
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (d.getElementById(id)) return;
                    js = d.createElement(s); js.id = id;
                    js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1";
                    fjs.parentNode.insertBefore(js, fjs);
                } (document, 'script', 'facebook-jssdk'));
                
            </script>
    <div style="clear: both"> </div>
    <script type="text/javascript">
        function change_img(urlImg, id) {
            $('#photoActive').attr('src', urlImg);
            return;
        }
        //document.getElementById(id).style.display = 'block'; 
        $("#AdDetailsBox ul.AdDetailsTab li:first").addClass("active");
        $("#AdDetailsBox ul.AdDetailsTab li").click(function() {

            $("#AdDetailsBox ul.AdDetailsTab li").removeClass('active');
            var current_index = $("#AdDetailsBox ul.AdDetailsTab li").index(this);
            $("#AdDetailsBox ul.AdDetailsTab li:eq(" + current_index + ")").addClass("active");
            if (current_index == 0) {
                $("#TabAdImageContent").show();
                $("#TabAdMapContent").hide();
            }
            else {
                $("#TabAdImageContent").hide();
                $("#TabAdMapContent").show();
            }
        });
        // Set current image view
        $(".list-img ul#thumbs li:first").addClass("current");
        $(".list-img ul#thumbs li").click(function() {
            $(".list-img ul#thumbs li").removeClass('current');
            var current_index = $(".list-img ul#thumbs li").index(this);
            $(".list-img ul#thumbs li:eq(" + current_index + ")").addClass("current");
        });
    </script>
    <div id="Div3"></div>
    <script>    
    (function(d, s, id){
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";
        fjs.parentNode.insertBefore(js, fjs);
    } (document, 'script', 'facebook-jssdk'));
    </script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MetaTag" runat="server">
<meta name="title" content="<%=Model.Ad.Title%>"/>
<meta name="keywords" content="<%=Model.Ad.Category.Name%>"/> 
<meta name="description" content="<%=TextHelper.CutAndRemoveHtml(Model.Ad.Content,250)%>" />
<base href="http://nguoiviettaiuc.com/<%= LinkUtils.UrlAdDetails(Model.Ad.Title,Model.Ad.ID)%>"/>
</asp:Content>